<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>input输入框自动完成实例</title>
		<meta http-equiv="keywords" content="">
	    <meta http-equiv="description" content="">
	    <!--<meta http-equiv="X-UA-Compatible" content=“IE=EmulateIE8″>-->
	    <meta http-equiv="X-UA-Compatible" content=”IE=Edge,chrome=1″ />
	    <meta name="renderer" content="webkit">
	    <link rel="stylesheet" href="style/css/base/MyReset.css" />
	    <link rel="stylesheet" href="style/css/common/common.css" />
	    <link rel="stylesheet" href="style/css/common/main.css" />
	    <link rel="stylesheet" href="style/css/page/autoComplete.css" />
	</head>
	<body>
		<div class="Ct">
			<div class="marginTop">
				<p>
					<label class="fontSize16 color_3 fontWeight">类型一</label>
					<label>输入值，会有提示，可以选择自动完成</label>
					<label>例：输入a</label>
				</p>
			</div>
			<div class="marginTop">
				<input type="text" name="country" id="autocomplete" autocomplete="off" class="inputSy autoInput1">
			</div>
			<div id="selction-ajax"></div>
			<p class="marginTop20">
				<label class="fontSize16 color_3 fontWeight">类型二</label>
			</p>
			<div class="suggest marginTop">
				<input id="input" type="text" placeholder="请输入邮箱/用户名/昵称" autocomplete="off"/>
			    <ul id="emails">
			    	<li>请选择或继续输入..</li>
			    	<li class="active" email=" ">  </li>
			    	<li email="@sina.com" class="item">@sina.com</li>
			    	<li email="@163.com" class="item">@163.com</li>
			    	<li email="@126.com" class="item">@126.com</li>
			    	<li email="@vip.com" class="item">@vip.com</li>
			    	<li email="@qq.com" class="item">@qq.com</li>
			    	<li email="@yahoo.com" class="item">@yahoo.com</li>
			    	<li email="@gmail.com" class="item">@gmail.com</li>
			    	<li email="@hotmail.com" class="item">@hotmail.com</li>
			    	<li email="@188.com" class="item">@188.com</li>
			    </ul>		
			</div>
		</div>
	<script type="text/javascript" src="style/js/base/jquery-1.9.1.min.js" ></script>
	<script type="text/javascript" src="style/js/common/jquery.mockjax.js" ></script>
	<script type="text/javascript" src="style/js/common/jquery.autocomplete.js" ></script>
	<script type="text/javascript" src="style/js/page/myAutoComplete.js" ></script>
	</body>
</html>
